module.exports = {
    entry: './main.js',
    output: {
        filename: 'bundle.js'
    },
    module: {
       /* preLoaders: [      //JSHint---Preloader就是在调用loader之前需要调用的loader, 他不做任何代码的转换，只是进行检查
            {
                test: /\.js$/,
                exclude: /node_modules/,
                loader: 'jshint-loader'
            }
        ],*/
        loaders: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                loader: 'babel-loader',
                query: {
                    presets: ['es2015']
                }
            },
            {
                test: /\.less$/,
                exclude: /node_modules/,
                loader: 'style-loader!css-loader!less-loader'
            },
            {
                test: /\.css$/,
                exclude: /node_modules/,
                loader: "style-loader!css-loader"
            },
            {
                test: /\.(jpg|jpeg|png|gif)$/,
                include: /imgs/,
                loader: 'url-loader'
            }
        ]
    }/*,
    jshint: {     //指定JSHint使用es6
        esversion: 6
    }*/
};
/*
    loaders是一个数组，是webpack使用的loader的集合，上面的意思就是 使用babel-loader处理所有以.js后缀的文件，但是忽略node_modules下的。 query参数是指babel使用的参数。
*/

/*
    webpack对一个文件可以使用多个loader,顺序是从右向左，中间用!分开，这个类似于gulp里的pipe, 不过语法也太wired了。
*/

/*
如果我们css里使用了url,或者js里require了一个image,那么我们就需要安装url-loader*/
